html{
	height: 100%;
}
body{
	width: 100%;
	height: 100%;
	background: url(../img/bg.png) no-repeat 0 36px/100% 100%;
}
header{
	height: 36px;
	background-color: #323232;
}
.head{
	width: 1110px;
	height: 36px;
	/* background-color: floralwhite; */
	margin: auto;
}
/* .head img{
	z-index: 99;
} */
.list{
	width: 291px;
	float: right;
	display: flex;
	justify-content: space-around;
	line-height: 36px;
}
.list li{
	float: left;
	color: #dd4012;
	font-size: 22px;
}
.list li:first-child{
	color:#6e6e6e
}
.list .text{
	font-size: 12px;
}
.content{
	width: 100%;
}
.con{
	width: 1110px;
	margin: auto;
	/* background-color: saddlebrown; */
	position: relative;
}

.con-list{
	width: 183px;
	height: 219px;
	background-color: rgba(0,0,0,0.6);
	position: absolute;
	left: 0;
	top: 80px;
	padding-top: 15px;
	
}
.con-list li{
	text-align: right;
	padding-right: 23px;
	/* width: 183px; */
	line-height: 40px;
	
}
.con-list li a{
	font-size: 13px;
	color: #a0a0a0;
}
.con-list li:hover a{
	color: #dd4012;
}
.con-text{
	width: 360px;
	height: 260px;
	/* background-color: beige; */
	position: absolute;
	left: 380px;
	top: 158px;
}
.con-text h2{
	font-size: 60px;
	color: white;
	position: absolute;
	top: -10px;
	
}
.con-text h3{
	font-size: 77px;
	color: #ffffff;
	position: absolute;
	top: 50px;
}
.con-text h1{
	font-size: 119px;
	color: #dd4012;
	position: absolute;
	top: 120px;
}
.con-view{
	width: 326px;
	height: 145px;
	position: absolute;
	right: 0;
	top: 148px;
}
.con-view #btn{
	width: 20px;
	height: 20px;
	background-color: white;
	border-radius: 50%;
	/* font-size: 22px; */
	color: #dd4012;
	display: block;
	text-align: center;
	line-height: 16px;
	position: absolute;
	right: 0;
	top: -10px;
}
.con-view #btn:hover,.viewpoint i:hover{
	cursor: pointer;
}
.viewpoint{
	width: 317px;
	height: 137px;
	background-color: #dd4012;
}
.viewpoint h3{
	font-size: 18px;
	color: #ffd1c4;
	padding-top: 14px;
	margin-left: 13px;
}
.viewpoint i{
	position: absolute;
	top: 17px;
	right: 30px;
	color: #f5c5b7;
	font-style: normal;
}

.viewpoint h3 span{
	font-size: 9px;
	color: #fe734b;
	margin-left: 13px;
}
.viewpoint dl{
	width: 304px;
	height: 66px;
	/* background-color: cadetblue; */
	margin-left:13px ;
	margin-top: 16px;
}
.viewpoint dl dt,.viewpoint dl dd{
	float: left;
}
.viewpoint dl dd{
	width: 168px;
	height: 66px;
	/* background-color: violet; */
	margin-left: 12px;
}
.viewpoint  dd p:nth-child(1){
	font-size:14px ;
	color:#ffcfc2 ;
	margin-bottom: 5px;
}
.viewpoint  dd p:nth-child(2){
	font-size:8px ;
	color:#f77751 ;
	margin-bottom: 5px;
}
.viewpoint  dd p:nth-child(3){
	font-size:12px ;
	color:#ffaa92 ;
}

footer{
	width: 100%;
	height: 48px;
	background-color: rgba(0,0,0,0.6);
	position: absolute;
	left: 0;
	bottom: 0;
}
.foot{
	width: 1110px;
	height: 48px;
	/* background-color: floralwhite; */
	margin: auto;
	color: #999999;
}
.foottext{
	width: 612px;
	height: 48px;
	font-size: 12px;
	display: flex;
	justify-content: space-between;
	line-height: 48px;
	float: left;
	/* background-color: cadetblue */
}
.footlist{
	width: 350px;
	height: 48px;
	float: right;
	display: flex;
	font-size: 12px;
	line-height: 48px;
	justify-content: space-evenly;
}
.footlist a{
	color: #999999;
}